import {
  init,
  classModule,
  propsModule,
  styleModule,
  eventListenersModule,
  h,
} from "snabbdom";

// 创建patch函数
const patch = init([classModule, propsModule, styleModule, eventListenersModule]);

// 创建虚拟节点
var myVnode1 = h('a', {props: {href: 'http://www.baidu.com', target: '_blank'}}, '百度');

// 让虚拟节点虚拟DOM上树
const container = document.getElementById('container');
// patch(container, myVnode1);

// h函数嵌套
const myVnode3 = h('ul', {props: {}}, [
  h('li', '苹果'),
  h('li', '西瓜'),
  h('li', [
    h('div', [
      h('p', '哈哈'),
      h('p', '嘻嘻')
    ])
  ]),
  h('li', '火龙果')
])

console.log(myVnode3);
patch(container, myVnode3);